const pageSize = 5; //规定每页请求5条数据
let currentPage = 1; //当前页数
const fields = {
  //校验用户名，对应name表单的name属性
  categoryId: {
    validators: {
      //不能为空
      notEmpty: {
        message: "请选择一级分类"
      }
    }
  },
  brandName: {
    validators: {
      //不能为空
      notEmpty: {
        message: "二级分类名称不能为空"
      }
    }
  },
  brandLogo: {
    validators: {
      //不能为空
      notEmpty: {
        message: "请上传图片"
      }
    }
  }
};
//模态框表单验证
let vaild = new Vaild($("#sencondCateForm"), fields, addSecondCate, resetForm);
const vaildator = vaild.getValidator();

getSecondCate();
function setPage(totalPages) {
  $("#paginator").bootstrapPaginator({
    // 指定bootstrap版本
    bootstrapMajorVersion: 3,
    // 当前页
    currentPage: currentPage,
    // 总页数
    totalPages: totalPages,

    // 当页面被点击时触发
    onPageClicked: function (a, b, c, page) {
      currentPage = page;
      getSecondCate(currentPage);
    }
  });
}
// 请求二级分类数据
function getSecondCate() {
  $.ajax({
    url: "/category/querySecondCategoryPaging",
    data: {
      page: currentPage,
      pageSize
    },
    dataType: "json",
    success: function (res) {
      $(".common-table tbody").html(template("tmp_table", res));
      currentPage = res.page;
      let totalPages = Math.ceil(res.total / res.size);
      setPage(totalPages);
      getTopCate(res.total);
    }
  });
}
// 请求一级分类的数据
function getTopCate(total) {
  $.ajax({
    url: "/category/queryTopCategoryPaging",
    data: {
      page: 1,
      pageSize: total
    },
    dataType: "json",
    success: function (res) {
      $("#topCateMenu").html(template("tmp_select", res));
    }
  });
}
// 添加二级分类
function addSecondCate() {
  $.ajax({
    url: "/category/addSecondCategory",
    type: "post",
    dataType: "json",
    data: $("#sencondCateForm").serialize(),
    success: function (res) {
      resetForm();
      if (res.success) {
        getSecondCate(currentPage);
      } else {
        alert("新增二级分类失败,请联系管理员");
      }
    }
  });
}

$("#topCateMenu").on("click", "li >a", function () {
  $(".btn-top-cate").text($(this).text());
  $("#topCateIdInput").val($(this).attr("data-id"));
  vaildator.updateStatus("categoryId", "VALID", "notEmpty");
});
//上传图片到服务器
$("#logoUploadFile").fileupload({
  dataType: "json",
  //e：事件对象
  //data：图片上传后的对象，通过data.result.picAddr可以获取上传后的图片地址
  done: function (e, data) {
    let path = data.result.picAddr;
    $("#brandLogoInput").val(path);
    $("#preImg").attr("src", path);
    vaildator.updateStatus("brandLogo", "VALID", "notEmpty");
  }
});

//重置表单
function resetForm() {
  $("#sencondCateForm")[0].reset();
  $("#preImg").attr("src", "../images/none.png");
  $("#brandLogoInput").val("");
  $(".btn-top-cate").text(" 选择一级分类");
  $("#topCateIdInput").val("");
  $(".modal-cate2Add").modal("hide");
}
